/*****
2025_renewal CSS
******/

@charset "UTF-8";

/* /recruit/newgraduate/assets/css/base.cssから引用　ここから */
body * { box-sizing: border-box;}
.underbar { position: relative;}
.underbar::after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; border-top: 1px solid #231815; -webkit-transform-origin: right; transform-origin: right; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s;}
.underbar:hover::after { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: left; transform-origin: left;}
a{text-decoration: none;}
a .scale { overflow: hidden;}
a .scale__img { -webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1);}
a:hover .scale__img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);}


/* /recruit/newgraduate/assets/css/style.cssから引用　ここから */
.header { position: fixed; top: 0; left: 0; width: 100%; height: 81px; background: #fff; z-index: 100; border-bottom: solid 1px #DCDDDD; }
.header.active {z-index: 110; }
@media screen and (max-width: 769px) {
    .header {height: 60px; }
    .header.hide {-webkit-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition: -webkit-transform 0.5s;transition: -webkit-transform 0.5s;transition: transform 0.5s;transition: transform 0.5s, -webkit-transform 0.5s; }
}
.header__inner { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 100%; }
@media screen and (min-width: 770px) {
    .header__inner { min-width: 1160px; }
}
.header__logo {margin-left: 14px; }
.header__logo a { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.header__logo img { display: block; max-width: 177px; }
@media screen and (max-width: 769px) {
    .header__logo img { max-width: 184px; }
}
.header__logo span { display: block; margin-left: 16px; font-size: 12px; }
@media screen and (max-width: 769px) {
    .header__logo span { margin-left: 6px; font-size: 10px; }
}
.header__navi { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: 14px; }
.header__navi > .list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-right: 18px; height: 100px; }
@media screen and (max-width: 769px) {
    .header__navi > .list { display: none; }
}
.header__navi > .list > li > a,
.header__navi > .list > li > span { margin: 0 2em; }
@media screen and (max-width: 1300px) {
    .header__navi > .list > li > a,
    .header__navi > .list > li > span { margin: 0 1em; }
}
.header__navi > .list > li > a:hover,
.header__navi > .list > li > span:hover { cursor: pointer; }
.header__navi > .list > li::after {content: "|"; }
.header__navi > .list > li:last-child::after {display: none; }
.header__navi .mega-trigger { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.header__navi .mega-trigger .underbar { display: block; line-height: 1.4; }
.header__navi .mega-trigger .mega { display: none; visibility: hidden; position: absolute; left: 0; top: 55px; width: 100%; background: rgba(255, 255, 255, 0.9); opacity: 0; -webkit-transition: all .5s; transition: all .5s; }
.header__navi .mega-trigger .mega__txt { font-size: 15px; letter-spacing: 0.05em; }
.header__navi .mega-trigger .mega__inner { width: 1250px; margin: 0 auto; padding: 25px 0; }
.header__navi .mega-trigger .mega ul { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; }
.header__navi .mega-trigger .mega ul li { margin-left: 10px; }
.header__navi .mega-trigger .mega ul li:first-child { margin-left: 0; }
.header__navi .mega-trigger .mega ul a { display: block; }
.header__navi .mega-trigger .mega ul a.interview { position: relative; }
.header__navi .mega-trigger .mega ul a.interview::after { content: ""; position: absolute; left: 12px; top: -15px; display: block; width: 164px; height: 157px; border-left: solid 3px #B4BD00; border-top: solid 3px #B4BD00; }
.header__navi .mega-trigger .mega ul .banner { position: relative; margin-bottom: 18px; }
.header__navi .mega-trigger .mega ul .banner .en { position: absolute; top: 16px; left: 28px; color: #fff; font-size: 9px; }
.header__navi .mega-trigger .mega ul .banner .en span { display: block; margin-top: 5px; font-size: 28px; }
.header__navi .mega-trigger .mega ul .banner .ja { position: absolute; left: 28px; bottom: 20px; padding: 2px; background: #fff; font-size: 15px; }
.header__navi .mega-trigger .mega ul .scale { width: 322px; height: 155px; overflow: hidden; }
.header__navi .mega-trigger .mega ul .scale__img { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; }
.header__navi .mega-trigger .mega .mega-about { width: 1020px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.header__navi .mega-trigger .mega .mega-about ul {
display: -webkit-box;
display: -webkit-flex;
display: flex;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.header__navi .mega-trigger .mega .mega-about ul.tours-list{
align-items: flex-start!important;
}
.header__navi .mega-trigger .mega .mega-about ul:nth-of-type(2) li {
margin-bottom: 10px;
margin-left: 0;
margin-right: 10px; }
.header__navi .mega-trigger .mega .mega-about ul:nth-of-type(2) li:nth-of-type(3n) {
margin-right: 0; }
.header__navi .mega-trigger .mega .mega-about ul li.tours-title{
width: 280px;
height: 190px;
}
.header__navi .mega-trigger .mega .mega-about ul li.tours-title img{
width: 233px;
display: block;
margin: 20px auto 0;
}
.header__navi .mega-trigger .mega .mega-about ul li a {
            width: 246px;
        height: 90px; }
        .header__navi .mega-trigger .mega .mega-about ul li a.tours-btn {
            width: 233px;
            height: 131px; }
            .header__navi .mega-trigger .mega .mega-about ul li p.tours-subtitle{
            font-size: 14px;
            font-weight: bold;
            margin-top: 10px;
            }
            .header__navi .mega-trigger .mega .mega-about ul li p.tours-text{
            font-size: 14px;
            line-height: 1.6;
            text-align: justify;
            margin-top: 5px;
            width: 233px;

            }
            /* .header__navi .mega-trigger .mega .mega-about ul:nth-of-type(2) li a .icon-pdf { */
            .header__navi .mega-trigger .mega .mega-about ul li a .icon-pdf {
                position: relative; }
                /* .header__navi .mega-trigger .mega .mega-about ul:nth-of-type(2) li a .icon-pdf:after { */
                .header__navi .mega-trigger .mega .mega-about ul li a .icon-pdf:after {
                    position: absolute;
            top: 50%;
            right: 10px;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            content: " ";
            display: block;
            width: 20px;
            height: 20px;
            background: url(/recruit/newgraduate/assets/img/common/icon_pdf.svg);
            background-size: contain;
            vertical-align: middle; }
            /* .header__navi .mega-trigger .mega .mega-about ul:nth-of-type(2) li a .icon-out-link { */
                .header__navi .mega-trigger .mega .mega-about ul li a .icon-out-link {
                position: relative; }
                /* .header__navi .mega-trigger .mega .mega-about ul:nth-of-type(2) li a .icon-out-link:after { */
                    .header__navi .mega-trigger .mega .mega-about ul li a .icon-out-link:after {
                    position: absolute;
            top: 50%;
            right: 10px;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            content: " ";
            display: block;
            width: 20px;
            height: 20px;
            background: url(/recruit/newgraduate/assets/img/common/icon_outlink.svg);
            background-size: contain;
            vertical-align: middle; }
            /* .header__navi .mega-trigger .mega .mega-about ul:nth-of-type(2) .scale { */
                .header__navi .mega-trigger .mega .mega-about ul .scale {
                height: 90px; }
                /* .header__navi .mega-trigger .mega .mega-about ul:nth-of-type(2) .scale.tours-scale { */
                    .header__navi .mega-trigger .mega .mega-about ul .scale.tours-scale {
                    height: 131px!important; }
.header__navi .mega-trigger .mega .all-items {
    margin-top: 20px;
    padding-top: 20px;
    border-top: solid 1px #ccc;
    text-align: right; }
    .header__navi .mega-trigger .mega .all-items a {
    margin: 0;
    display: inline-block; }
.header__navi .mega-trigger.open .mega {
display: block;
top: 80px;
opacity: 1;
visibility: visible; }
.header__navi .mega-trigger.open::before {
content: "";
position: fixed;
display: block;
width: 100vw;
height: calc(100vh - 80px);
background-color: rgba(0, 0, 0, 0.5);
pointer-events: none;
top: 80px;
left: 0;
z-index: -1; }
.header__navi .mega .btn-wrap {
width: 108px;
height: 24px; }
.header__navi .mega .btn-wrap .btn {
line-height: 24px;
font-size: 9px; }
.header__navi .mega .btn-wrap .btn::after {
    right: 6px;
    margin-right: 5px;
    width: 4px;
    height: 6px; }
.header__navi .mega-recruit ul .mega__scale,
.header__navi .mega-who ul .mega__scale {
margin-bottom: 18px;
height: 155px;
background-size: 100%;
background-position: center center;
-webkit-transition: 0.2s;
transition: 0.2s; }
.header__navi .mega-recruit ul .mega__scale.scale,
.header__navi .mega-who ul .mega__scale.scale {
width: 100%;
position: relative; }
.header__navi .mega-recruit ul .mega__scale .mega__txt,
.header__navi .mega-who ul .mega__scale .mega__txt {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
width: 100%;
text-align: center;
color: #fff;
line-height: 1.5; }
.header__navi .mega-recruit ul .mega__scale .mega__txt span,
.header__navi .mega-who ul .mega__scale .mega__txt span {
    font-size: 12px !important; }
.header__navi .mega-recruit ul .mega__scale a p,
.header__navi .mega-who ul .mega__scale a p {
font-size: 22px;
letter-spacing: 0.05em; }
.header__navi .mega-recruit a {
width: 236px;
height: 200px; }
.header__navi .mega-who a,
.header__navi .mega-who .coming-soon {
width: 207px;
height: 200px; }
.header__navi .mega-who a.type-long,
.header__navi .mega-who .coming-soon.type-long {
width: 322px; }
.header__navi .highlight {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
        align-items: stretch;
z-index: 100;
border-left: solid 1px #DCDDDD; }
@media screen and (max-width: 769px) {
.header__navi .highlight {
    display: none; } }
.header__navi .highlight .internship {
width: 120px;
height: 80px;
background: #b6bc3c;
color: #fff;
border-right: solid 1px #DCDDDD;
-webkit-transition: all 0.6s;
transition: all 0.6s; }
.header__navi .highlight .internship:hover {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    background: #c9d03e; }
.header__navi .highlight .internship a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    color: #fff;
    width: 100%;
    height: 100%; }
    .header__navi .highlight .internship a:hover {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    color: #34763c; }
.header__navi .highlight .internship span {
    font-size: 14px; }
    .header__navi .highlight .internship span .btn__head {
    font-size: 14px;
    line-height: 2;
    display: block;
    text-align: center; }
.header__navi .highlight .internship.close {
    pointer-events: none;
    background-color: #999; }
    .header__navi .highlight .internship.close a {
    color: #fff; }
    .header__navi .highlight .internship.close span {
    color: #fff; }
.header__navi .highlight .btn-wrap {
width: 120px;
height: 39.5px;
box-sizing: content-box;
background: #34763c;
color: #fff;
-webkit-transition: all 0.6s;
transition: all 0.6s; }
.header__navi .highlight .btn-wrap:first-child {
    border-bottom: solid 1px #DCDDDD;
    background: #71a333;
    -webkit-transition: all 0.6s;
    transition: all 0.6s; }
    .header__navi .highlight .btn-wrap:first-child a {
    color: #fff;
    -webkit-transition: all 0.6s;
    transition: all 0.6s; }
    .header__navi .highlight .btn-wrap:first-child a:hover {
        background-color: #87b351;
        -webkit-transition: all 0.6s;
        transition: all 0.6s; }
        .header__navi .highlight .btn-wrap:first-child a:hover span {
        color: #34763c;
        -webkit-transition: all 0.6s;
        transition: all 0.6s; }
@media screen and (max-width: 1300px) {
    .header__navi .highlight .btn-wrap {
    width: 120px; } }
.header__navi .highlight .btn-wrap a {
    color: #fff;
    -webkit-transition: all 0.6s;
    transition: all 0.6s; }
    .header__navi .highlight .btn-wrap a:hover {
    background-color: #60a969;
    -webkit-transition: all 0.6s;
    transition: all 0.6s; }
    .header__navi .highlight .btn-wrap a:hover span {
        color: #34763c;
        -webkit-transition: all 0.6s;
        transition: all 0.6s; }
.header__navi .highlight a {
/* display: -webkit-box;
display: -webkit-flex; */
display: flex;
/* -webkit-box-align: center;
-webkit-align-items: center;
        align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
        justify-content: center; */
width: 100%;
height: 100%;
/* text-align: center; */
/* line-height: 24px; */
/* overflow: hidden; */
/* -webkit-transition: all 0.6s; */
/* transition: all 0.6s;  */
}
.header__navi .highlight a span {
    position: relative;
    z-index: 2; }
.header__navi .highlight a.btn::before {
    display: none; }
.header__navi .highlight .coming-soon {
pointer-events: none;
background-color: #999; }
.header__navi .highlight .coming-soon span {
    color: #666; }
.header__navi .highlight .coming-soon.btn:hover {
    cursor: inherit;
    background-color: #999; }
    .header__navi .highlight .coming-soon.btn:hover span {
    color: #666; }
.header__navi .highlight .btn-search,
.header__navi .highlight .btn-insta {
position: relative;
width: 80px;
height: 80px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
        align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
        justify-content: center;
border-left: solid 1px #DCDDDD;
-webkit-transition: all .2s;
transition: all .2s; }
.header__navi .highlight .btn-search:hover,
.header__navi .highlight .btn-insta:hover {
    cursor: pointer;
    background-color: #007934; }
.header__navi .highlight .btn-search > img,
.header__navi .highlight .btn-insta > img {
    display: block;
    width: 18px; }
.header__navi .highlight .btn-search.btn::before,
.header__navi .highlight .btn-insta.btn::before {
    display: none; }
.header__navi .highlight .btn-search__text,
.header__navi .highlight .btn-insta__text {
    position: absolute;
    left: 50%;
    bottom: 10px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 6px; }
    .header__navi .highlight .btn-search__text > img,
    .header__navi .highlight .btn-insta__text > img {
    display: block;
    height: 100%;
    width: auto !important; }
.header__navi .highlight .btn-insta {
width: 80px;
height: 80px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
        align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
        justify-content: center;
border-left: solid 1px #DCDDDD;
-webkit-transition: all .2s;
transition: all .2s; }
.header__navi .highlight .btn-insta:hover {
    cursor: pointer;
    background-color: #007934; }
.header__navi .highlight .btn-insta img {
    display: block;
    width: 18px; }
.header__navi .highlight .btn-insta.btn::before {
    display: none; }
.header__navi .btn-menu {
position: relative;
width: 80px;
height: 80px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
        align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
        justify-content: center;
border-left: solid 1px #DCDDDD; }
@media screen and (max-width: 769px) {
.header__navi .btn-menu {
    width: 75px;
    height: 60px; } }
@media screen and (min-width: 770px) {
.header__navi .btn-menu:hover {
    cursor: pointer; }
    .header__navi .btn-menu:hover .btn-menu__inner {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }
.header__navi .btn-menu__text {
position: absolute;
left: 50%;
bottom: 10px;
-webkit-transform: translateX(-50%);
        transform: translateX(-50%);
height: 6px; }
.header__navi .btn-menu__text img {
    height: 100%; }
.header__navi .btn-menu__inner {
width: 23px;
-webkit-transition: all .3s;
transition: all .3s; }
@media screen and (max-width: 769px) {
    .header__navi .btn-menu__inner {
    width: 26px; } }
.header__navi .btn-menu__line {
height: 18px; }
@media screen and (max-width: 769px) {
    .header__navi .btn-menu__line {
    height: 24px; } }
.header__navi .btn-menu__line span {
    display: block;
    width: 23px;
    height: 3px;
    margin-bottom: 3px;
    background: #61A60E;
    -webkit-transition: all .3s;
    transition: all .3s; }
    @media screen and (max-width: 769px) {
    .header__navi .btn-menu__line span {
        width: 26px;
        height: 4px;
        margin-bottom: 4px; } }
    .header__navi .btn-menu__line span:first-child {
    background: #B4BD00; }
    .header__navi .btn-menu__line span:last-child {
    background: #007934; }
.header__navi .btn-menu__text img {
display: block;
width: 100%; }
.header__navi .btn-menu.btn-close {
position: relative; }
.header__navi .btn-menu.btn-close::before, .header__navi .btn-menu.btn-close::after {
    display: none; }
.header__navi .btn-menu.btn-close .btn-menu__line {
    position: relative; }
    .header__navi .btn-menu.btn-close .btn-menu__line span:nth-child(1) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    bottom: 8px;
    right: 0; }
    .header__navi .btn-menu.btn-close .btn-menu__line span:nth-child(2) {
    display: none; }
    .header__navi .btn-menu.btn-close .btn-menu__line span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    bottom: 8px;
    left: 0; }
.header .menu {
visibility: hidden;
opacity: 0;
position: fixed;
width: 100%;
height: calc(100vh - 50px);
top: 80px;
left: 0;
z-index: 100;
-webkit-transform: scale(0.98);
    transform: scale(0.98);
overflow: hidden;
-webkit-transition: all 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: all 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; }
@media screen and (max-width: 769px) {
.header .menu {
height: calc(100vh - 60px);
top: 60px;
padding-top: 20px;
background: rgba(0, 0, 0, 0.9); } }
.header .menu.active {
visibility: visible;
opacity: 1;
-webkit-transform: none;
        transform: none; }
.header .menu.active::after {
content: "";
position: fixed;
display: block;
width: 100vw;
height: calc(100vh - 80px);
background-color: rgba(0, 0, 0, 0.5);
pointer-events: none;
top: 80px;
left: 0;
z-index: -1; }
@media screen and (max-width: 769px) {
.header .menu__inner {
height: 100%;
padding: 0 25px 100px; } }
@media screen and (max-width: 769px) {
.header .menu__navi {
padding: 25px 0;
border-bottom: solid 1px #fff; }
.header .menu__navi .list-wrap:nth-child(3) {
    margin-top: 20px; }
.header .menu__navi .list-wrap:last-of-type {
    margin-top: 20px; }
.header .menu__navi .list-wrap__ttl {
    line-height: 2; }
    .header .menu__navi .list-wrap__ttl span {
    font-size: 11px; }
.header .menu__navi .list--interview a > span {
    border: none;
    padding-left: 0; }
.header .menu__navi .list--interview a > span .en {
    font-size: 0; }
.header .menu__navi .list {
    padding-top: 0;
    font-size: 11px; }
    .header .menu__navi .list a {
    padding: 10px 0;
    border-bottom: dotted 1px rgba(255, 255, 255, 0.3); } }
@media screen and (min-width: 770px) {
.header .menu .btn-close::before, .header .menu .btn-close::after {
display: none; }
.header .menu .btn-close:hover {
cursor: pointer; } }
@media screen and (max-width: 769px) {
.header .menu__logo {
display: none; } }
@media screen and (min-width: 770px) {
.header .menu__news, .header .menu__highlight {
display: none; } }

.menu {
background: -webkit-linear-gradient(top, #1A1A1A, #333333);
background: linear-gradient(to bottom, #1A1A1A, #333333);
color: #fff;
overflow: hidden; }
.menu.active .menu__inner {
height: 100vh; }
@media screen and (max-width: 769px) {
.menu.active .menu__inner {
height: 100%;
overflow-y: scroll; } }
.menu.active .anim {
opacity: 1;
-webkit-transform: translateX(0);
    transform: translateX(0);
-webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: opacity 0.8s ease, -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s; }
.menu.active .anim--1 {
-webkit-transition-delay: 0.1s;
        transition-delay: 0.1s; }
.menu.active .anim--2 {
-webkit-transition-delay: 0.2s;
        transition-delay: 0.2s; }
.menu.active .anim--3 {
-webkit-transition-delay: 0.3s;
        transition-delay: 0.3s; }
.menu.active .anim--4 {
-webkit-transition-delay: 0.4s;
        transition-delay: 0.4s; }
.menu.active .anim--5 {
-webkit-transition-delay: 0.5s;
        transition-delay: 0.5s; }
.menu.active .anim--6 {
-webkit-transition-delay: 0.6s;
        transition-delay: 0.6s; }
.menu .anim {
-webkit-transform: translateX(50px);
    transform: translateX(50px);
opacity: 0; }
.menu a {
color: #fff; }
.menu__inner {
width: 1030px;
margin: 0 auto;
padding: 50px 0 125px; }
@media screen and (max-width: 769px) {
.menu__inner {
width: auto;
padding: 20px 25px 105px; } }
.menu__logo {
margin-bottom: 50px; }
@media screen and (max-width: 769px) {
.menu__logo {
margin-bottom: 40px; } }
.menu__logo a {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
        align-items: center; }
.menu__logo img {
display: block;
max-width: 166px; }
@media screen and (max-width: 769px) {
.menu__logo img {
    width: 148px; } }
.menu__logo span {
display: block;
margin-left: 24px;
font-size: 12px; }
@media screen and (max-width: 769px) {
.menu__logo span {
    margin-left: 20px;
    font-size: 10px; } }
.menu__navi {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
    align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
    justify-content: space-between; }
@media screen and (max-width: 769px) {
.menu__navi {
-webkit-flex-wrap: wrap;
        flex-wrap: wrap; } }
@media screen and (max-width: 769px) {
.menu__navi .list-wrap {
width: 46%; } }
.menu__navi .list-wrap__ttl {
margin-bottom: 10px;
font-size: 20px;
line-height: 1.5; }
@media screen and (max-width: 769px) {
.menu__navi .list-wrap__ttl {
    font-size: 17px; } }
.menu__navi .list-wrap__ttl span {
display: block;
font-size: 14px; }
@media screen and (max-width: 769px) {
    .menu__navi .list-wrap__ttl span {
    font-size: 12px; } }
.menu__navi .list-wrap:last-of-type dl {
margin-bottom: 60px; }
@media screen and (max-width: 769px) {
.menu__navi .list-wrap:last-of-type dl {
    margin-bottom: 53px; } }
.menu__navi .list {
width: 190px;
padding-top: 15px;
font-size: 12px;
border-top: solid 1px rgba(255, 255, 255, 0.3);
display: block; }
@media screen and (max-width: 769px) {
.menu__navi .list {
    width: auto;
    margin-bottom: 0;
    padding-top: 8px;
    font-size: 10px; } }
.menu__navi .list a {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
        align-items: center;
line-height: 2.8; }
.menu__navi .list a.s-lh {
    line-height: 1.8; }
    @media screen and (max-width: 769px) {
    .menu__navi .list a.s-lh {
        line-height: 1.5; } }
@media screen and (max-width: 769px) {
    .menu__navi .list a {
    padding: 5px 0;
    line-height: 1.5; } }
@media screen and (min-width: 770px) {
    .menu__navi .list a:hover::before {
    -webkit-transform: translateX(3px);
            transform: translateX(3px); } }
.menu__navi .list a::before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    width: 12px;
    height: 12px;
    background: url(/recruit/newgraduate/assets/img/common/icon_arrow_white.png) no-repeat center;
    background-size: 5px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s; }
.menu__navi .list a[target="_blank"]::after {
    content: "";
    display: inline-block;
    margin-left: 7px;
    width: 13px;
    height: 13px;
    background: url(/recruit/newgraduate/assets/img/common/icon_blank.png) no-repeat center; }
.menu__navi .list a.icon-pdf::after {
    content: "";
    display: inline-block;
    margin-left: 7px;
    width: 13px;
    height: 13px;
    background: url(/recruit/newgraduate/assets/img/common/icon_pdf.svg) no-repeat center; }
.menu__navi .list--interview li {
margin-bottom: 20px; }
@media screen and (max-width: 769px) {
    .menu__navi .list--interview li {
    margin-bottom: 5px; } }
.menu__navi .list--interview li:last-child {
    margin-bottom: 0; }
.menu__navi .list--interview a > span {
line-height: 1.4;
padding-left: 7px;
border-left: 1px solid #fff; }
.menu__navi .list--interview a > span .en {
    display: block;
    font-size: 18px; }
    @media screen and (max-width: 769px) {
    .menu__navi .list--interview a > span .en {
        font-size: 15px; } }
    .menu__navi .list--interview a > span .en span {
    display: block;
    margin-bottom: 4px;
    font-size: 12px; }
    @media screen and (max-width: 769px) {
        .menu__navi .list--interview a > span .en span {
        font-size: 9px; } }
.menu .news {
padding: 20px 6px;
font-size: 12px;
border-bottom: solid 1px #fff; }
.menu .news .btn-wrap {
margin-top: 15px; }
@media screen and (max-width: 769px) {
.menu .news.js-anim {
display: block;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
        transform: translateY(0px); } }
.menu__highlight {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
    align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
    justify-content: space-between;
margin-bottom: 50px; }
.menu__highlight li {
margin-top: 20px;
width: 48%; }
.menu__highlight li a {
width: 100%;
height: 50px;
border: solid 1px #fff;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
        align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
        justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
        flex-direction: column; }
.menu__highlight li a img {
    display: block;
    margin-top: 6px;
    width: 37px; }
.menu__highlight li a.comming--soon {
    pointer-events: none !important;
    background-color: #999 !important; }

.bottom-navi {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
    align-items: stretch;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
    justify-content: space-between;
z-index: 100;
background-color: #fff; }
@media screen and (min-width: 770px) {
.bottom-navi {
display: none; } }
.bottom-navi a {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
    align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
    justify-content: center;
width: calc((100% - 66px) / 2);
color: #fff;
background: #007934;
font-size: 11px;
padding: 8px; }
.bottom-navi a img {
display: block;
width: 38px;
margin-left: 8px; }
.bottom-navi a.entry {
background: #71a333; }
.bottom-navi a.coming-soon {
pointer-events: none !important;
background-color: #999 !important; }
.bottom-navi a span {
width: 100%;
text-align: center;
font-size: 11px; }
@media screen and (max-width: 769px) {
.bottom-navi a span {
    margin-right: 10px; } }
.bottom-navi .btn-insta-bottom {
border-right: 1px solid #ccc;
background: none; }
.bottom-navi .btn-insta-bottom a {
background: none;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
        align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
        justify-content: center;
width: 60px;
height: 50px;
color: #fff;
box-sizing: border-box; }
.bottom-navi .btn-insta-bottom a img {
width: 23px;
margin-left: 0px; }
.bottom-navi .btn-search {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
    align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
    justify-content: center;
width: 60px;
height: 50px;
color: #fff;
box-sizing: border-box; }
.bottom-navi .btn-search:first-of-type {
border-right: 1px solid #ccc; }
.bottom-navi .btn-search img {
width: 23px; }

.footer {
position: relative;
color: #fff; }
.footer .btn-close,
.footer .menu__highlight {
display: none; }
.footer .menu__news.js-anim {
display: none; }
@media screen and (max-width: 769px) {
.footer .menu__navi {
margin-bottom: 40px; } }
.footer .menu__navi .anim {
-webkit-transform: none;
    transform: none;
opacity: 1; }
.footer__copyright {
position: absolute;
left: 50%;
bottom: 60px;
-webkit-transform: translateX(-50%);
    transform: translateX(-50%);
width: 1030px;
margin: 0 auto;
font-size: 10px;
line-height: 1.2;
text-align: right; }
@media screen and (max-width: 769px) {
.footer__copyright {
bottom: 80px;
width: 100%;
padding: 0 25px;
font-size: 9px; } }
.footer .pagetop {
position: absolute;
top: 150px;
right: 38px;
-webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
@media screen and (max-width: 769px) {
.footer .pagetop {
display: none; } }
.footer .pagetop a {
display: -webkit-box;
display: -webkit-flex;
display: flex;
font-size: 10px;
color: #fff; }
.footer .pagetop a::before {
display: block;
width: 22px;
height: 6px;
margin-right: 3px;
content: url(/recruit/newgraduate/assets/img/common/icon_arrow_line.png); }
/* /recruit/newgraduate/assets/css/style.cssから引用　ここまで */


/* /recruit/newgraduate/assets/css/btn.cssから引用　ここから */
.btn--white.btn-wrap { display: block; border: solid 1px #ccc; width: 142px; height: 30px; margin-left: auto;}
.btn--white.btn-wrap .btn { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; height: 100%; text-align: center; background: #fff; line-height: 30px; font-size: 14px; color: #231815; letter-spacing: .2em; -webkit-transition: color 0.2s; transition: color 0.2s;}
.btn span { position: relative; z-index: 2;}
.btn::before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; background: #fff; -webkit-transition: 0.4s ease; transition: 0.4s ease; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: center left; transform-origin: center left;}
.btn--white.btn-wrap .btn::after { position: absolute; top: 50%; right: 6px; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; -webkit-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); content: ""; display: block; margin-right: 8px; width: 5px; height: 7px; background-image: url(/recruit/newgraduate/assets/img/common/icon_arrow.png); background-position: center; background-repeat: no-repeat; background-size: contain; z-index: 2;}
.btn--white.btn-wrap .btn:hover { color: #fff;}
.btn--white.btn-wrap .btn:hover::before { background: #0071bc;}
.btn--white.btn-wrap .btn:hover::after { background-image: url(/recruit/newgraduate/assets/img/common/icon_arrow_white.png); -webkit-transform: translateY(-50%) translateX(3px); transform: translateY(-50%) translateX(3px);}
.btn:hover::before { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1);}
.btn::before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; background: #fff; -webkit-transition: 0.4s ease; transition: 0.4s ease; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: center left; transform-origin: center left;}
.btn--arrow::before { z-index: 0;}
.btn--arrow .inner { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: 15px; position: relative; z-index: 2; text-align: center;}
@media screen and (max-width: 769px) {
    .btn--arrow .inner { font-size: 11px; line-height: 17px;}
}

/* /recruit/newgraduate/assets/css/menu.cssから引用　ここから */
.js-anim { opacity: 0; -webkit-transition: 0.5s 0.5s ease-out; transition: 0.5s 0.5s ease-out; -webkit-transform: translateY(30px); transform: translateY(30px);}

/* /recruit/newgraduate/assets/css/news.cssから引用　ここから */
.news { position: relative; z-index: 3;}
.news__ttl { -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0; margin-right: 1em; position: fixed; left: 0; top: 22.5px; letter-spacing: 0.2em;}
.news__inner { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; line-height: 1.5; -webkit-flex-wrap: wrap; flex-wrap: wrap; overflow-y: scroll; height: 270px; position: relative !important;}
.news__detail--2 { width: 95%; margin-left: 76px; margin-top: 20px;}
.news__detail--3 { width: 95%; margin-left: 76px; margin-top: 0;}
.news__detail dt { min-width: 100px; padding: 0 1em 0 0;}
.news__inner::-webkit-scrollbar { width: 6px;}
.news__inner::-webkit-scrollbar-thumb { background-color: #929191; border-radius: 0px;}
.news__inner::-webkit-scrollbar-track { border-radius: 0px; background-color: #dadada;}
.bottom-navi a.intern {
    background-color: #B6BC3B;
}
@media screen and (max-width: 769px) {
    .news__ttl { margin-right: 8px}
    .news__detail { width: 82%;}
    .news__detail--2 { width: calc(100% - 52px); margin-left: 52px; margin-top: 20px;}
    .news__detail--3 { width: calc(100% - 52px); margin-left: 52px; margin-top: 0;}
    .news__detail dt { min-width: 65px;}
}

/* /recruit/newgraduate/assets/css/animation.cssから引用　ここから */
.js-anim { opacity: 0; transition:0.5s 0.5s ease-out; transform: translateY(30px);}
.js-anim.inview{ opacity: 1; transform: translateY(0px);}

/* /recruit/newgraduate/assets/css/bottom-set.cssから引用　ここから */
.bottom-set {
    margin-top: 24px;
    position: relative;
}
.bottom-set .entry-mypage {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.bottom-set__inner {
    width: 100%;
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}
.bottom-set .entry-mypage a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
    width: 48.93%;
    height: 100px;
    border: solid 2px #fff;
    text-align: center;
}
@media screen and (max-width: 769px) {
    .bottom-set {
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 40px;
    }
        .bottom-set .entry-mypage a {
        height: 67px;
    }
}

/* 2025new-header ここから*/
/* header_footer共通 */
.en{ text-transform: uppercase;}
.off{ opacity:0.5; pointer-events: none;}
.no-btn { text-align: right;}
.no-btn .btn { width: 100%; height: unset; border: none;}

.menu { background: #3375aa;}
.menu__navi .list a::before{ background: url(/recruit/newgraduate/assets25/img/common2025/icon_arrow_white.png) no-repeat center; background-size: contain;}
.menu__navi .list-wrap__ttl { font-weight: bold;}
.menu__navi .list-wrap__ttl span { font-weight: 300;}
.menu__navi .list li { margin-bottom: 1rem;}
.menu__navi .list a { font-size: 13px; font-weight: 600; line-height: 1.8;}
.menu__navi .list a.en {font-size: 15px;}
.menu__navi .list span { display: block; font-size: 11px;}
@media screen and (max-width: 769px) {
    .menu__navi .list a { line-height: 1.3;}
}

/* header */
.header { backdrop-filter: blur(10px); background: unset;}
.header .menu.active::after{ background-color: unset;}
.header .menu__navi .list span { padding-left: 1rem;}
.header__navi .btn-menu{ border-left: none;}
.header__navi .highlight { display: flex; border-left: none; align-items: center;}
.header__navi .highlight .btn-wrap { width: 160px; background: #0abab5; border-right: 0; display: inline-block;}
.header__navi .highlight .btn-wrap a:hover { background-color: #80dbd9;}
.header__navi .highlight .btn-wrap a:hover span { color: #3375aa;}
.header__navi .highlight .btn-wrap:first-child { background: #0071bc; border-bottom: none;}
.header__navi .highlight .btn-wrap:first-child a:hover { background-color: #65aadd;}
.header__navi .highlight .btn-wrap:first-child a:hover span { color: #80dbd9;}
.header__navi .highlight .btn-wrap .btn{ position: relative;}
.header__navi .highlight .btn-wrap .btn.header-arrow::after{content: ''; width: 15px; height: 15px; display: inline-block; margin-left: .5rem; transition: .3s;}
.header__navi .highlight .btn-wrap .header-arrow-blue::after{ background: url(/recruit/newgraduate/assets25/img/top2025/arrow-blue.svg); background-position: center; background-repeat: no-repeat; background-size: contain;}
.header__navi .highlight .btn-wrap .header-arrow-lightBlue::after{background: url(/recruit/newgraduate/assets25/img/top2025/arrow-lightblue.svg); background-position: center; background-repeat: no-repeat; background-size: contain;}
.header__navi .highlight .btn-wrap .header-arrow-blue:hover::after,
.header__navi .highlight .btn-wrap .header-arrow-lightBlue:hover::after{opacity: .5;}
.header__navi .btn-menu__line span:first-child { background: #3375aa;}
.header__navi .btn-menu__line span { background: #80dbd9;}
.header__navi .btn-menu__line span:last-child { background: #65aadd;}
.header__navi .mega-trigger .mega .mega-about { padding: 0 0 45px;}
.header__navi .mega-trigger .mega .mega-about ul .scale { height: 154px;}
.header__navi .mega-trigger .mega .mega-about ul li a { height: 154px;}
.header__navi .mega-trigger .mega .mega-about ul li a .icon-out-link:after { display: none;}

.header .menu__news .news__detail { width: 95%; border-bottom: 1px solid #fff; color: #fff; flex-direction: column; font-size: 120%; margin-bottom: 3%; padding-bottom: 3%;}

@media screen and (max-width: 769px) {
    .header__navi .highlight { display: none;}
    .header .menu { background: #3375aa;}
    .header .menu__news .news__detail { width: 77%; font-size: 100%;}
    .header .menu__navi {row-gap: 20px;}
    .header .menu__navi .list-wrap:nth-child(3) { margin-top: 0;}
    .header .menu__navi .list-wrap:last-of-type { margin-top: 0;}
    .header .menu__navi .list a { border-bottom: none;}
    .header .menu__navi .list a.ja{font-size: 11px;}
    .header .menu__navi .list a.btm-border { border-bottom: dotted 1px rgba(255, 255, 255, 0.3);}
    .header .menu__navi .list.l-height li.btm-border {padding-bottom: 1rem; border-bottom: dotted 1px rgba(255, 255, 255, 0.3);}
    .header .menu__navi .list.l-height li.btm-border:not(:last-child){ margin-bottom: 0;}
    .header .menu__news .news__detail { width: 77%; font-size: 100%;}
    .header .menu__news .news__detail a.c-link { color: #231815; border-bottom: 1px solid #231815;}
}
/* footer entry-btn my-page-btn */
.bottom-navi a { width: calc(100% / 3);}
.bottom-set::before{ display: none;}
.bottom-set .entry-mypage { margin: 4rem auto;}
.bottom-set .entry-mypage a { background: #fff; border: solid 1px #231815; color: #231815; position: relative;}
.bottom-set .entry-mypage a .ico-arrow { display: flex; align-items: center;}
.bottom-set .entry-mypage a .ico-arrow::after{ content: ''; width: 20px; height: 20px; background: url(/recruit/newgraduate/assets25/img/top2025/arrow-white.svg); background-size: contain; background-position: center; display: inline-block; margin-left: .5rem;}
.bottom-set .entry-mypage a:hover .ico-arrow::after{ background: url(/recruit/newgraduate/assets25/img/top2025/arrow-blue.svg);}
.btn--arrow.color-reverse:hover { color: #fff;}
.btn--arrow.color-reverse::before { background: #3370a2;}
.btn--arrow.color-reverse:hover::after{ display: none;}
.btn--arrow.color-reverse:hover .inner::before,
.btn--arrow.color-reverse:hover .inner::after{ display: none;}
@media screen and (max-width: 769px) {
    .bottom-set .entry-mypage a .ico-arrow { justify-content: center;}
    .bottom-navi a { background: #0abab5; font-size: 10px;}
    .bottom-navi a.entry { background: #0071bc;}
}

/* footer */
.footer .menu__navi .list span { padding-left: 1rem;}
.footer .menu__navi .list.l-height li { line-height: 1.5; margin-bottom: 0.5rem;}
.footer .menu__navi .list a::before{ background: url(/recruit/newgraduate/assets25/img/common2025/icon_arrow_white.png) no-repeat center; background-size: contain;}
.footer .menu__navi .list-wrap:last-of-type dl { margin-bottom: 15px;}
.footer .menu__navi { row-gap: 20px;}
.footer .menu__navi .list-wrap:nth-child(3),
.footer .menu__navi .list-wrap:nth-child(4) { margin-top: 0;}
@media screen and (max-width: 769px) {
    .footer .menu__navi .list a.ja{font-size: 11px;}
}
/* 2025new-header_footer ここまで*/


/* internship header_footer add ここから */
.header{ font-family: "Noto Sans JP", sans-serif; letter-spacing: 0;}
.header a{ text-decoration: none;}
.header__logo span, .mega-trigger a{ color: #4C4948;}
.header__logo a:hover, .mega-trigger a:hover{ opacity: 1;}
.header__navi .highlight a span { font-size: 14px;}
.header__navi .highlight .btn-wrap a { border: none; justify-content: center; align-items: center;}

.btn span { color: unset; position: unset; left: unset; top: unset; transform: unset; font-size: unset; font-size:unset; width: unset; display: unset;}

.bottom-set .entry-mypage a .ico-arrow { justify-content: center;}
.btn--arrow.color-reverse:hover{ opacity: 1;}
.footer {text-align: start; padding-bottom: 0;}
.footer .menu__navi .list a.en { font-size: 13px;}

@media screen and (max-width: 769px) {
    .menu__navi .list span{ font-size: 10px;}
    .menu__navi .list a.ja{font-size: 11px; word-break: keep-all;}
    .menu__navi .list a[target="_blank"]::after{ margin-left: 1px;}
    .bottom-navi a { font-size: 10px; line-height: 1.2;}
    .bottom-navi a span { margin-right: 0;}
}


/* background-animation */
body{position: relative;}
 .background-lines { position: absolute; top: -200px; left: 0; width: 100%; height: 100% !important; overflow: hidden; pointer-events: none; z-index: -1;}
.line { position: absolute; top: 0; height: 0; opacity: 0; transform-origin: top; mix-blend-mode: multiply;}
body.is-loaded .line { animation: rise 4s ease-out; animation-iteration-count: 1; animation-fill-mode: forwards;}

.line1 { width: 100px; left: 40%; background: #00ffff; animation-delay: 1.5s; transform: rotate(20deg);}
.line2 { width: 50px; left: -42%; background: #0d65a4; animation-delay: 2s; transform: rotate(324deg);}
.line3 { width: 50px; right: 6%; background: #00ffff; animation-delay: 1s; transform: rotate(20deg);}
.line4 { width: 30px; right: 3%; background: #0d65a4; animation-delay: 2s; transform: rotate(0deg);}
@media screen and (max-width: 769px) {
    .line1 { width: 50px; left: 160%; transform: rotate(18deg);}
    .line2 { width: 50px; left: -292%; transform: rotate(324deg);}
    .line3 { width: 50px; left: -270%; transform: rotate(335deg);}
    .line4 { width: 20px; right: 3%; transform: rotate(0deg);}
}

@keyframes rise {
  0% {
    height: 0;
    opacity: 0;
  }
  30% {
    opacity: 0.5;
  }
  70%{
    opacity: 0.8;
  }
  100% {
    height: 120%;
    opacity: 1;
  }
}



